<div>
    <div class="row">
        <div class="col-md-6">
            <h6>
                <vc:i18n name="摄像头" namespace="cameraControlVideo"></vc:i18n>
            </h6>
        </div>
        <div class="col-md-6 text-right">
            <div class="btn-group" role="group" aria-label="Basic example">
                <button type="button" class="btn  btn-sm"
                    v-bind:class="{'btn-primary': cameraControlVideoInfo.cameraCount == 4}"
                    v-on:click="_changeCount(4)">
                    <vc:i18n name="四路" namespace="cameraControlVideo"></vc:i18n>
                </button>
                <button type="button" class="btn  btn-sm"
                    v-bind:class="{'btn-primary': cameraControlVideoInfo.cameraCount == 6}"
                    v-on:click="_changeCount(6)">
                    <vc:i18n name="六路" namespace="cameraControlVideo"></vc:i18n>
                </button>
            </div>
        </div>
    </div>
    <div class="row margin-top">
        <!-- 2*2-->
        <div class="col-md-6" v-if="cameraControlVideoInfo.cameraCount == 4"
            v-for="(item,index) in cameraControlVideoInfo.machines">
            <div class="form-group">
                <div :id="item.id" style="border: 1px solid #dee2e6;">
                    <img width="100%" src="/img/init.jpg" height="300px" style="border: 1;" />
                </div>
                <div class="flex justify-between margin-top-sm" style="font-size: 14px;">
                    <div class="margin-left-sm ">
                        <span class="fa fa-bell" style="color: #007bff;"></span>{{item.machineName}}
                    </div>
                    <button type="button" class="btn  btn-sm btn-primary" v-on:click="_openSelectVideo(item)">
                        选择
                    </button>
                </div>
            </div>

        </div>
        <div class="col-md-4" v-if="cameraControlVideoInfo.cameraCount == 6"
            v-for="(item,index) in cameraControlVideoInfo.machines">
            <div class="form-group">
                <div :id="item.id" style="border: 1px solid #dee2e6;">
                    <img width="100%" src="/img/init.jpg" height="300px" style="border: 1;" />
                </div>
                <div class="flex justify-between margin-top-sm" style="font-size: 14px;">
                    <div class="margin-left-sm ">
                        <span class="fa fa-bell" style="color: #007bff;"></span>{{item.machineName}}
                    </div>
                    <button type="button" class="btn  btn-sm btn-primary" v-on:click="_openSelectVideo(item)">
                        选择
                    </button>
                </div>
            </div>

        </div>

    </div>
    <vc:create path="machine/selectVideoMachine"></vc:create>
</div>